<template>
    <div>
        <!--全部费用明细-->
        <div class="order-side text-left" id="_j_expense_container">
            <div class="expense-detail">
                <div class="hd">预订费用明细</div>
                <ul class="bd">
                    <li>
                        1间客房 x 1晚
                        <em class="font-style: normal; padding-left: 10px;">
                            含2人早餐
                        </em>
                        <span class="price">￥{{xsdhz.price1}}</span>
                    </li>
                    <!--这里暂时不实现-->
                    <!--<li class="insure-container">
                        酒店取消险
                        <span class="price"></span>
                    </li>
                    <li class="honey-container">
                        蜂蜜抵现
                        <span class="price price-minus"></span>
                    </li>
                    <li class="coupon-container">
                        优惠券
                        <span class="price price-minus">
                        -￥<em class="coupon-num"></em>
                    </span>
                    </li>-->
                    <li class="total">
                        总价 (含税)
                        <span class="price price-minus">
                        ￥{{xsdhz.price1}}
                    </span>
                    </li>
                </ul>
            </div>

            <!--1111111111111111111-->
            <div class="state danger">该订单不可取消和变更</div>
            <div class="tips">执行方: 四川省中国青年旅行社有限公司</div>
        </div>

        <!-- 全部费用明细 E -->
        <!-- 有房保障 S -->
        <div class="order-side text-left" id="_j_hotel_insure_container">
            <div class="expense-detail">
                <div class="hd">有房保障</div>
                <ul class="bd">
                    <li class="hotel-insure-tit-wrap">
                        <p class="hotel-insure-tit">有房保障 订单无忧</p>
                        <span class="hotel-insure-desc">
                            为您的订单负责，确认订单后发生无房，经马蜂窝协调处理，仍无法安排原订单入住，最高承担原订单首晚房费。
                        </span>
                    </li>
                    <li class="hotel-insure-tit-wrap">
                        <p class="hotel-insure-tit">专业服务 安心出行</p>
                        <span class="hotel-insure-desc">
                            为您的出行负责，7 x 24小时海内外服务热线。
                        </span>
                    </li>
                </ul>
                <p class="hotel-insure-explain" id="_j_open_hotel_insure_popup" style="text-align: right">
                    有房保障说明 >
                </p>
            </div>
        </div>

    </div>
</template>

<script>
    export default {
        props: ["xsdhz"],
        name: "OrderSide"
    }
</script>

<style scoped>
    .text-left{
        text-align: left;
    }
</style>